<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户订单详情</title>
</head>

<script src="/js/jquery/2.0.0/jquery.min.js"></script>
<link href="/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<body>
<center>
    <h2 class="text-info"  align="center" style="font-family:宋体;font-weight:bold;font-size:30px;" >订单详情如下</h2>
    <style>
        div{
            margin:5px;
        }
    </style>
    <form action="/HTML/updateOrderByAdmin" method="post" name="form1" >
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >订单号</span>
            <input type="text" class="form-control"  name="orderId"  th:placeholder="${order.orderId}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >创建订单的账号</span>
            <input type="text" class="form-control"  name="account"  th:placeholder="${order.account}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >酒店名</span>
            <input type="text" class="form-control"  name="hotelName"  th:placeholder="${order.hotelName}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >房号</span>
            <input type="text" class="form-control"  name="roomNumber"  th:placeholder="${order.roomNumber}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >房型</span>
            <input type="text" class="form-control"  name="roomType"  th:placeholder="${order.roomType}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >入住时间</span>
            <input type="text" class="form-control"  name="inTime"  th:placeholder="'必填项:'+${order.inTime}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >退房时间</span>
            <input type="text" class="form-control"  name="outTime"  th:placeholder="'必填项:'+${order.outTime}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >入住人数</span>
            <input type="text" class="form-control"  name="inNumber"  th:placeholder="${order.inNumber}">
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >价格</span>
            <input type="text" class="form-control"  name="price"  th:placeholder="${order.price}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >订单状态</span>
            <input type="text" class="form-control"  name="orderStatus"  th:placeholder="${order.orderStatus}" >
        </div>
        <div class="input-group  col-md-3" th:each="order:${order}">
            <span class="input-group-addon" >支付状态</span>
            <input type="text" class="form-control"  name="paymentStatus"  th:placeholder="${order.paymentStatus}" >
        </div>
        <h class="text-success"  align="center" style="font-family:'微软雅黑 Light';font-size:15px;">作为管理员，如果您要修改具体信息，请在上面修改后，单击“确认修改”按钮</h>
        <br>
        <button type="submit"  class="btn btn-success" style="font-family:'微软雅黑 Light';font-size:15px;">确认修改</button>
    </form>
    <button type="submit"  class="btn btn-danger" style="font-family:'微软雅黑 Light';font-size:15px;">撤销此订单</button>
</center>
<script>
//    function func(){
//        var oStatus=[[${order.orderStatus}]];
//        var pStatus=[[${order.paymentStatus}]];
//        if(oStatus==1){
//            document.getElementById("submit").disabled = true;
//            alert("您正在使用房间中，不可撤销订单")
//        }
//        else if(oStatus==2){
//            document.getElementById("submit").disabled = true;
//            alert("您的订单已经完成，不能撤销")
//        }
//        else if(pStatus==1){
//            document.getElementById("submit").disabled = true;
//            alert("您的订单已支付，不能订单")
//        }
//        else{
//        }
//    }
</script>
</body>
</html>